*{
    font-family:"Arial","Lucida Grande","Verdana";
    color:#D8DCDE;
}

body{
    margin:0px;
    padding:0px;
    text-align:center; /* hack para o IE */ 
    background:#000000;
}

/* Links */
a:link, a:visited {
    text-decoration: none;
    }
a:hover {
    text-decoration: underline; 
    color: #828282;
    }
a:active {
    text-decoration: none;
    }

input { background: transparent; z-index:15; }
    

/* divs principais */

#site{
    margin      :0 auto;
    width       :1024px;
    text-align  :left; /* hack para o IE */ 
}

#site_header{
    height  :185px;
}

#site_content{
    width   :1024px;    
    height  :auto;
    display :table;
    margin  :10px 0px 0px 0px;
}


#site_home{
    width       :692px;
    height      :auto;
    float       :left; 
    margin      :0px 2px 0px 0px;
    padding     :0px;
    text-align  :left;
}

#site_lateral{
    margin-left :695px; 
    width   :325px; 
    height  :auto;
    float   :right;
    margin  :0px;
    padding :0px;
}

#footer{
    width:1015px;
    margin:0 auto;
    height:150px;
    text-align:left;
    margin-top:10px;
}

#footer .titulo{
    font-size:16px;
    font-weight:bold;
    text-align:left;
    margin-left:30px;
    margin-bottom:12px;
    
    color:#f5f3f4;
}

#footer .sub{
    width:auto;
    font-size:11px;
    text-align:left;
    padding:2px 0px 2px 30px ;
    
    margin-bottom:3px;  
    text-align:left;
    cursor:pointer;

     
}

#footer .sub:hover{
    background-color:#0D0C0C;
}

#footer .canais{
    font-size:16px;
    position:absolute;
    width:120px;
    height:200px;
    border-right:1px dashed #333333;
    margin-left:60px;
    margin-top:30px;
    
} 

#footer .especiais{
    font-size:12px;
    position:absolute;
    width:130px;
    height:200px;
    border-right:1px dashed #333333;
    margin-left:182px;
    margin-top:30px;
}

#footer .redes_sociais{
    position:absolute;
    width:160px;
    height:200px;
    border-right:1px dashed #333333;
    margin-left:315px;
    margin-top:30px;
}


#footer .servicos{
    position:absolute;
    width:140px;
    height:200px;
    border-right:1px dashed #333333;
    margin-left:478px;
    margin-top:30px;
}                    

#footer .interatividade{
    position:absolute;
    width:160px;
    height:200px;
    border-right:1px dashed #333333;
    margin-left:622px;
    margin-top:30px;
}

#footer .radios{
    position:absolute;
    width:140px;
    height:200px;
    margin-left:786px;
    margin-top:30px;
}



/* Banner e Logo da Cidade */
#logo_banner{
   width    :1024px;
   height   :95px; 
}

#logo_banner .banner{
    float   :left;
    width   :728px;
    height  :90px;
    border  :1px solid #ffffff; 
}

#logo_banner .logo{
    width:220px;
    height:90px;
    border:1px solid #ffffff;
    float:left;     
} 



/* inicio Painel */
#painel{
    position:relative;
    margin-top:10px;
    width:1024px;
    height:25px;
    z-index:1;
    
}       

/* Background das barras no Painel */
#painel .email_bg{
    position:relative;
    float:left;
    background-image:url(../images/index/barra-email.jpg);
    width:241px;
    height:23px;
    z-index:-1;
    
}

#painel .senha_bg{
    position:relative;
    float:left;
    background-image:url(../images/index/barra-senha.jpg);
    width:430px;
    height:23px;
    margin-left:20px;
    z-index:-1;  
}

#painel .buscar_bg{
    position:relative;
    float:left;
    background-image:url(../images/index/barra-buscar-no-site.jpg);
    width:300px;
    height:23px;
    margin-left:20px; 
    z-index:-1;
}

/* Painel Input's */

              
#painel .cad_email_txt{
    position:absolute;
    width:165px;
    font-size:12px;
    background-color:#000000;
    color:#FFFFFF;
    margin-left:63px;
    margin-top:1px;
    border:2px solid #000000;
    z-index:1;
}

#painel .cad_senha_txt{
    position:absolute;
    width:147px;
    font-size:12px;
    background-color:#000000;
    color:#FFFFFF;
    margin-left:63px;
    margin-top:1px;
    border:2px solid #000000;
    z-index:1;
}

#painel .buscar_txt{
    position:absolute;
    width:47px;
    font-size:12px;
    background-color:#000000;
    color:#FFFFFF;
    margin-left:2px;
    margin-top:1px;
    border:2px solid #000000;
    z-index:2;
    
}

#painel .senha_bt_entrar{
    position:absolute;
    background-image:url(../images/index/bt_entrar.jpg);
    width:65px;
    height:19px;
    margin-left:215px;
    margin-top:2px;
        
}

#painel .senha_cad_esqueceu{
    position:absolute;
    width:139px;
    height:20px;
    margin-left:320px;
    color:#fff ;
    font-size:9px;
}

#painel .senha_cad_signin{
    position:absolute;
    width:139px;
    height:20px;
    margin-top:12px;
    margin-left:320px;
    color:#fff ;
    font-size:9px;
}

#painel .buscar_txt{
    position:absolute;
    width:155px;
    height:21px;
    font-size:12px;
    background-color:#000000;
    border:1px solid #000000;
    color:#FFFFFF;
    margin-left:140px;
}



/* div destaque index */

#destaque_index{
    width:692px;
    height:388px;
    margin:0px 5px 15px 0px;
    border:1px solid #fff;
}




#player_index{
    width:325px;
    height:270px;
    
}  

#player_index .player{
    background-image:url(../images/index/bt_player_index.jpg);
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:109px; 
    margin-top:131px;
    margin-left:12px;
}

#player_index .nome_player{
    position:absolute;
    width:97px;
    height:20px;
    margin-top:50px; 
    margin-left:75px;
    font-size:13px;
}

#player_index .titulo_no_ar{
    background-image:url(../images/index/bt-no-ar.jpg);
    position:absolute;
    width:70px;
    height:20px;
    margin-top:50px; 
    
}
  
#player_index .titulo{
    position:absolute;
    width:325px;
    height:32px;
    background-image:url(../images/index/titulo/titulo-clique-para-ouvir.jpg);
    background-repeat: no-repeat;
    z-index:1;
}  



#player_index .imagem{
    position:absolute;
    width:118px;     
    height:130px;
    margin-left:200px;
    margin-top:125px;
    border:1px solid #ffffff;
    
}  
  

/* div facebook index */
#facebook_index{
    position:relative;
    width:692px;
    height:214px;
    margin:0px 0px 15px 0px;
    overflow:hidden;
    border:1px solid #828282;
    z-index:5000;
    
}

#facebook_index .titulo{
    background-image:url(../images/index/titulo/titulo-facebook.jpg);
    width:692px;
    height:32px;
    z-index:5;
    position:relative; 
    clear: both;
    
}
#facebook_index .frame{
    margin-top:-3px;
    margin-left:-4px;
    position:relative; 
    clear: both;
    z-index:-1;
    overflow:hidden;
}
#facebook_index iframe{
    margin-top:-1px;
    margin-left:-1px;
    position:relative; 
    clear: both;
    overflow:hidden;
    z-index:-1;
}



/* div que comporta o blog e rock5 */
#blog_e_rock5 {

    width:100%;
    height:530px;
}


#blog_hora_perdidos{
    position:absolute;
    width:338px;
    height:500px;
    border:1px solid #ffffff;
}

#rock5{
    position:absolute;
    width:333px; 
    height:500px;
    border:1px solid #828282;
    margin-left:359px;
}

#rock5 .titulo_rock5{
    background-image:url(../images/index/titulo/titulo-rock5.jpg);
    background-repeat:no-repeat;
    width:333px;
    height:34px;
    
}
#rock5 .as5pedidas{
   width:333px;
   height:10px;
   margin-top:20px;
   font-size:12px;
   text-align:center;
   color:#FFFDFD;
   font-weight:bold;
            
}
#rock5 .data{
    color:#E9091E;
    font-weight:bold;
}
#box_vermelho{
    
    margin-top:23px;
    background-image:url(../images/index/rock5-01.jpg);
    background-repeat:no-repeat;
    width:333px;
    height:67px;
    
}
#box_vermelho .imagem{
    position:absolute;
    width:70px;
    height:65px;
    margin-top:2px;
     
}    
    

#box_vermelho .posicao{
    position:absolute;
    width:68px;
    height:15px;
    margin-left:180px;
    margin-top:10px;   
    
}

#box_vermelho .titulo{
    position:absolute;
    width:220px;
    height:15px;
    margin-left:80px;
    margin-top:6px;
    font-size:12px;  
}

#box_vermelho .audio{
    position:absolute;
    width:150px;
    height:30px;
    margin-left:80px;
    margin-top:31px;  
    z-index:500;
    
}              
#box_cinza{ 
    margin-top:8px;
    width:333px;
    height:67px;
    
    
}
#box_cinza .fundo02{
    background-image:url(../images/index/rock5-02.jpg);
    background-repeat:no-repeat;
    width:333px;
    height:67px;
    font-size:10px;
    
}
#box_cinza .fundo03{
    background-image:url(../images/index/rock5-03.jpg);
    background-repeat:no-repeat;
    width:333px;
    height:67px;
}
#box_cinza .fundo04{
    background-image:url(../images/index/rock5-04.jpg);
    background-repeat:no-repeat;
    width:333px;
    height:67px;
}
#box_cinza .fundo05{
    background-image:url(../images/index/rock5-05.jpg);
    background-repeat:no-repeat;
    width:333px;
    height:67px;
    
}
#box_cinza .imagem{
    position:absolute;
    width:70px;
    height:65px;
    margin-top:2px;
}

#box_cinza .posicao{
    position:absolute;
    width:68px;
    height:15px;
    margin-left:200px;
    margin-top:10px;  
}

#box_cinza .titulo{
   position:absolute;
   width:220px;
   height:15px;
   margin-left:80px;
   margin-top:6px;
   font-size:12px;
}

#box_cinza .audio{
    position:absolute;
    width:78px;
    height:29px;
    margin-left:80px;
    margin-top:31px;
    z-index:500;    
    
}




/* div notas musicais index */

#notas_index{
    width:325px;
    height:auto;
    margin:10px 0px 0px 0px;
    padding:0px 0px 10px 0px;
    text-align:left;
    overflow:hidden;

}


#posicao_barra_notas{
    margin:10px 0px 10px 14px;
    width:300px;
    height:9px;
    text-align:center;
}

#posicao_barra_notas .barra_cinza_notas{
    background-image:url(../images/index/barra-notas-cinza.jpg);
    background-repeat:no-repeat;
    width:94px;
    height:9px;
    margin-right:5px;
    float:left;
}
#posicao_barra_notas .barra_vermelha_notas{
    background-image:url(../images/index/barra-notas-vermelha.jpg);
    background-repeat:no-repeat;
    width:94px;
    height:9px;
    margin-right:5px;
    float:left;
} 

#notas_index .titulo_img{
    background-image:url(../images/index/titulo/titulo-notas-musicais.jpg);
    width:325px;
    height:32px;
}

#notas_destaque{
    width:325px;
    height:auto;
    padding:0px;
    margin:0px;
    font-size:12px;
    color:#ffffff;
}
#notas_destaque ul li { padding:0px; margin:0px; }
#borda_nota_destaque_e_notas{
    position:absolute;
    border:1px solid #282828;
    width:304px;
    height:420px;
    margin:38px 0px 30px 8px;
    z-index:-1;
}
#notas_em_destaque{
    padding:0px;
    margin:0px;
}

#notas_em_destaque .imagem{
    margin:0px 10px 0px 8px;
    width:304px;
    height:167px;
    border:1px solid #282828;
}
#notas_em_destaque .titulo{
    margin:10px 0px 5px 32px;
    width:260px;
    font-size:11px;
    padding:0px 0px 5px 0px;
    z-index:10;
}

#notas_em_destaque .borda_div{
    width:304px;
    height:auto;
    border:1px solid #909090;
    margin:0px 0px 30px 0px;
}


#notas_borda{
    width:304px;
    font-size:11px;
    color:#ffffff;
    border-bottom:1px dotted #828282;
    padding:10px 0px 10px 0px;
    margin-left:8px;
}

#notas_borda .notas{
    width:260px;
    margin-left:25px;
}

#notas_borda .border_top{
    margin:5px 0px 5px 30px;
    width:260px;
    font-size:11px;
    border-top:1px dotted #909090;
    padding:0px 0px 10px 0px;

}

/* div twitter index */

#twitter_index{
    margin:40px 0px 0px 8px;
    width:304px;
    height:348px;
    border:1px solid #282828;
    overflow:hidden;
    font-size:10px;
    
}

#twitter_index .titulo{
   background-image:url(../images/index/titulo/titulo-twitter.jpg);
   width:304px;
   height:50px;
   z-index:500;
   position:absolute;
   padding:0px;
   overflow:hidden;
   z-index:2;
}

#twitter_index .content{
   position:absolute;
   padding:0px;
   width:290px;
   height:100px;
   margin:5px 0px 0px 5px;
   z-index:1;
}

#twitter_index .footer{
   position:absolute;
   background-image:url(../images/index/barra-twitter-fim.jpg);
   width:304px;
   height:50px;
   z-index:500;
   margin:298px 0px 0px 0px;
   padding:0px;
   overflow:hidden;
   z-index:2;
}
/* internas */


#cidade_apresenta{ width:690px; height:100%; border:1px solid #333333; }

#cidade_apresenta .titulo_cidade_apresenta{ height:30px; }

/* select */
#cidade_apresenta .mais_cidade_apresenta{
    margin:10px 10px 10px 0px;
    text-align:right;
}
#cidade_apresenta select { background-color:#000; font-size:12px; color:#D8DCDE; border: 1px solid #000; }

/* imagem principal */
#cidade_apresenta .imagem_principal{ border:4px solid #7D0C12; width:662px; height:176px; margin:10px 0px 10px 10px; }
#cidade_apresenta .foto_principal{ position:absolute; z-index:-1;}
#cidade_apresenta .image{ position:absolute; z-index:-1;}
/*#cidade_apresenta .tira_banda{ 
    background-image: url(../images/internas/cidade_apresenta/barra-titulo-trasparente.png);
    background-repeat:no-repeat;
    position:absolute;
    width: 293px;
    height: 37px;
    font-size:14px;
    margin: 20px 0px 0px -1px;
    z-index:-1;
}*/
#cidade_apresenta .nome_banda{
    position:absolute;
    width:auto;
    height:auto;
    margin: 20px 0px 0px -1px;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
    color:#FFFDFD;
    z-index:-1;
    padding:6px;
    background-image: url(../images/internas/cidade_apresenta/barra-titulo-trasparente.png);
    background-repeat:repeat-x;
    background-position:left;
}
#cidade_apresenta .texto{
    width:680px;
    height:190px;
    margin:10px 0px 1px 2px;
    font-size:11px;
    line-height:155%;
    overflow:auto;
    text-align:justify;
    
}

#cidade_apresenta .texto_banda{
 
   width:670px;
   height:auto;
   
    
    
}
#cidade_apresenta .fotos_cidade_apresenta{}
#cidade_apresenta .titulo_fotos{
    background-image: url(../images/internas/cidade_apresenta/titulo-fotos.jpg);
    background-repeat:no-repeat;
    width:143px;
    height:21px;
    margin:10px 0px 10px 0px;
}

#cidade_apresenta .fotos{
    margin:0px 0px 0px 20px;
}
#cidade_apresenta .link_fotos{
    text-decoration:none;
}
#cidade_apresenta .fotos_pequenas{
    width:72px;
    height:72px;
    margin:2px;
    border:4px solid #4B060B;
    
}

#cidade_apresenta .fotos_pequenas:hover{
    border:4px solid #7D0C12;
}

#cidade_apresenta .titulo_videos{
    background-image: url(../images/internas/cidade_apresenta/titulo-videos.jpg);
    background-repeat:no-repeat;
    width:143px;
    height:21px;
    margin:10px 0px 10px 0px;
}

#cidade_apresenta .video_embed{
    position:relative;
    margin:0px 0px 20px 20px;
    border:4px solid #4B060B;
    width:600px;
    height:349px;
    z-index:1;
}

#cidade_apresenta iframe, object, embed{ 
    position:relative;
    z-index:-1;
}




/* Entrevistas */

#entrevistas{ width:690px; height:100%; border:1px solid #333333;}
#entrevistas .titulo_entrevista{  
    background-image: url(../images/index/titulo/titulo-entrevista.jpg);
    background-repeat:no-repeat;
    width:690px;
    height:32px;
}
/* select */
#entrevistas .outras_entrevistas{
    margin:10px 10px 10px 0px;
    text-align:right;
}

/* imagem principal */
#entrevistas .imagem_principal{ border:3px solid #7D0C12; width:662px; height:176px; margin:10px 0px 10px 10px; }
#entrevistas .foto_principal{ position:absolute; z-index:-1;}
#entrevistas .image{ position:absolute; z-index:-1;}
/*#entrevistas .tira_banda{ 
    background-image: url(../images/internas/cidade_apresenta/barra-titulo-trasparente.png);
    background-repeat:no-repeat;
    position:absolute;
    width: 293px;
    height: 37px;
    font-size:14px;
    margin: 20px 0px 0px -1px;
    z-index:-1;
}*/
#entrevistas select { background-color:#000; font-size:12px; color:#D8DCDE; border: 1px solid #000;}

#entrevistas .nome_banda{
    position:absolute;
    width:auto;
    height:auto;
    margin: 20px 0px 0px -1px;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
    color:#FFFDFD;
    z-index:-1;
    padding:6px;
    background-image: url(../images/internas/cidade_apresenta/barra-titulo-trasparente.png);
    background-repeat:repeat-x;
    background-position:left;
    
    
}
#entrevistas .texto{
    width:640px;
    height:auto;
    margin:10px 0px 10px 12px;
    font-size:12px;
    line-height:155%;
    overflow:auto;
    text-align: justify;
    
}

#entrevistas .texto_banda{
  
   height:auto;    
}




#entrevistas .fotos_cidade_apresenta{}
#entrevistas .titulo_fotos{
    background-image: url(../images/internas/cidade_apresenta/titulo-fotos.jpg);
    background-repeat:no-repeat;
    width:143px;
    height:21px;
    margin:10px 0px 10px 0px;
}

#entrevistas .fotos{
    margin:0px 0px 0px 20px;
}
#entrevistas .link_fotos{
    text-decoration:none;
}
#entrevistas .fotos_pequenas{
    width:72px;
    height:72px;
    margin:2px;
    border:4px solid #4B060B;
    
}

#entrevistas .fotos_pequenas:hover{
    border:4px solid #7D0C12;
}

#entrevistas .titulo_videos{
    background-image: url(../images/internas/cidade_apresenta/titulo-videos.jpg);
    background-repeat:no-repeat;
    width:143px;
    height:21px;
    margin:10px 0px 10px 0px;
}

#entrevistas .video_embed{
    position:relative;
    margin:0px 0px 20px 20px;
    border:4px solid #4B060B;
    width:600px;
    height:349px;
    z-index:1;
}

#entrevistas iframe, object, embed{ 
    position:relative;
    z-index:-1;
} 


/* Faq */

#faq_interna{
    border:1px solid #333333;
    width:690px;
    height:766px;
}
#faq_interna .titulo{
    background-image:url(../images/index/titulo/titulo-faq.jpg);
    width:688px;
    height:26px;
}
#faq_interna .imagem{
    border:2px solid #8B0000; 
    width:662px;
    height:174px;
    margin-top:15px;
    margin-left:9px;      
}
#faq_interna .texto{
    font-size:11px;
    height:300px;
    margin-left:12px;
    width:650px;
    text-align:justify;
} 

